<template>
  <div class="dashboard">
    <div class="top">
      <el-row :gutter="20">
        <el-col :span="7">
          <myCard title="商品图"></myCard>
        </el-col>
        <el-col :span="10">
          <myCard title="商品图"></myCard>
        </el-col>
        <el-col :span="7">
          <myCard title="商品图"></myCard>
        </el-col>
      </el-row>
    </div>
    <div class="bottom">
      <el-row :gutter="20">
        <el-col :span="12">
          <myCard title="商品图"></myCard>
        </el-col>
        <el-col :span="12">
          <myCard title="商品图"></myCard>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { useStore } from 'vuex'
import * as echarts from 'echarts'
import myCard from '@/base-ui/myCard/myCard.vue'
export default defineComponent({
  name: 'dash-board',
  components: {
    myCard
  },
  setup() {
    const sotre = useStore()
    sotre.dispatch('analysis/getAnalysisPagesData')
    return {}
  }
})
</script>

<style scoped>
.bottom {
  margin-top: 20px;
}
</style>
